﻿@charset "utf-8";
/*----------------------------------------------
[Main Stylesheet]
Project:     江苏卫监业务系统
Version:     1.0
Author:      Hugo Zhang
Email:       zhangxingguo[#]wondersgroup.com

[Coding before]
1. The style value order by "A" to "Z";
   example: .className {background:; color:; font:;}
   
2. margin & padding value order by "top right bottom left";
   example: .className {margin:0 2px 4px 0;}

3. when value is "0" then u don't need writen units, If not "0" then u must write units;
   example: .className {padding:0 2px 1em 4pt;}

4. background postion value order by "left-right top-bottom".
   example: .className {background:#fff url() no-repeat left top;}
   
5. background:#ffc; 对firefox有效 | *background:#ccc; 对ie7有效 | _background:#000; 只对ie6有效

[Index of stylesheet]
1. CSS Reset
2. Global Config
3. Links
4. Layout
5. Pages
6. Others
----------------------------------------------*/

/*--------------------------------------------
[1. CSS Reset]
针对多浏览器默认的CSS内置元素标准不一的情况重置全局常用元素的CSS样式
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
address, caption, cite, code, dfn, em, strong, th, var { font-weight:normal; font-style:normal;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
caption, 
th        { text-align:left;}

fieldset, 
img       { border:0;}

table     { border-collapse:collapse; border-spacing:0;}
ol, ul    { list-style:none;} 

q:before, 
q:after   { content:'';}    

abbr,
acronym   { border: 0;}
a, button { cursor:pointer;}

/*--------------------------------------------
[2. Global Config]
*/
html,
body   { height:100%; width:100%;}
body   { font-family:"宋体"; font-size:12px;}
p      { margin:3px;}
img    { border:none;}

.cursorPointer { cursor:pointer;}
.required      { color:red;}
.marginTopS    { margin-top:6px;}
.marginTopM    { margin-top:14px;}

/*清除Float*/
.clearfix:after { content: "."; display: block; height:0; clear:both; visibility:hidden;}
.clearfix       { zoom:1;}

/*--------------------------------------------
[3. Links]

a:link，定义正常链接的样式；
a:visited，定义已访问过链接的样式；
a:hover，定义鼠标悬浮在链接上时的样式；
a:active，定义鼠标点击链接时的样式。

默认顺序请如下设置：
a:link    {}
a:visited {}
a:hover   {}
a:active  {}

如需自定义其他链接样式可如下编写：

方法一，定义某个ID元素内的链接样式
#IDname a:link    {}
#IDname a:visited {}
#IDname a:hover   {}
#IDname a:active  {}

或 方法二，定义某个Class元素内的链接样式
.className a:link    {}
.className a:visited {}
.className a:hover   {}
.className a:active  {}

或 方法三，直接定义某类链接的Class
a.className:link    {}
a.className:visited {}
a.className:hover   {}
a.className:active  {}
*/
/*全局链接样式*/
a:link,
a:visited { color:#333; text-decoration:none; cursor:pointer;}
a:hover   { color:#39F;}
a:active  {}

/*--------------------------------------------
[4. Layout]
*/
/*头部结构*/
#header-wrap   { height:82px;}
#header-box    { height:82px; width:100%;}
#header        { background:url(../images/header-bg.jpg) repeat-x 0 0; height:82px; margin:0 auto; position:relative; text-align:center;}
.logo-title,
.logout        { position:absolute;}
.logo-title    { background:url(../images/header-logo-title.jpg) no-repeat 0 0; height:82px; left:0; top:0; width:750px;}
.logo-title h1 { display:none;}
.logout        { display:table; height:20px; line-height:20px; right:10px; top:10px; width:auto;}
.user-icon     { background:url(../images/user-male.gif) no-repeat 60px 2px;}
.user-text     { font-weight:bold; padding-left:18px;}
/*退出链接*/
.signout-text         { color:#CC0000;}
.signout-text a       { color:#C00; text-decoration:none;}
.signout-text a:hover { color:#F60;}

/*内容结构*/
#main-wrap { position:absolute; top:82px; width:100%;}

#siderbar-box { width:200px; height:500px;}

#main-nav  { float:left; width:200px;}
/*inc-nav.html*/
.inc-nav-body { background:url(../images/bg-sidebar.gif) repeat-y 0 0;}
#nav-box      { background:url(../images/bg-sidebar-top.gif) no-repeat 0 0; padding:5px; width:190px; min-height:300px; height:100%;}

#main-content       { margin-left:200px; height:100%;}
.main-content-width { margin-left:0;}

#main-content-box { height:100%; width:100%;}
.toggle           { width:6px; background:url(../images/toggle-close.gif) no-repeat 0 center; cursor:pointer;}
.toggle-open      { background:url(../images/toggle-open.gif) no-repeat 0 center;}
.toggle-hover     { background-color:#1588cb;}
.content-wrap     { vertical-align:top; background-color:#fff;}
#content-box      { width:100%;}

/*Form元素样式*/
input,
textarea   { font-size:12px;}
select     {}
button     { height:22px; line-height:130%; width:60px}
textarea   { border:1px solid #ccc; padding:2px;}

.fileFieldCommon { height:22px; padding:2px;}
.fileFieldM      { width:250px;}
.fileFieldL      { width:500px;}

.formElementWidthS  { width:250px;} /*用于稍长输入宽度，同“inputTextNormal”的宽度*/
.formElementWidthL  { width:500px;} /*用于较多内容输入宽度，同“inputTextLong”的宽度*/

.formElementHeightS { height:20px;} /*用于单行显示高度*/
.formElementHeightM { height:60px;} /*用于textarea多行显示高度的控制，约3行。配合上方宽度设置使用*/

.inputTextShort,
.inputTextNormal,
.inputTextMiddle,
.inputTextLong,
.inputOthers     { height:16px; border:1px solid #ccc; padding:1px;}
.inputTextShort  { width:80px;}
.inputTextNormal { width:120px;}
.inputTextMiddle { width:250px;}
.inputTextLong   { width:500px;}
.inputOthers     { border-width:0 0 1px 0; width:80px;}

.isDate              { background:url(../images/icon-date.png) no-repeat right 50%; padding-right:18px;} /*给时间选择控件添加日期icon*/
.inputTextReadonly   { background-color:#F9F9F9; border:solid #F2F2F2; border-width:1px; color:#CCC;}/*表单元素只读状态样式*/

.content-pages-wrap tr { height:22px; line-height:22px;}
.content-pages-wrap th,
.content-pages-wrap td { padding:2px;}

/*页面顶部通用search*/
.commonTableSearch    { width:100%; border:1px solid #D0D0D0; background:#FAFAFA; margin-bottom:6px;}
.commonTableSearch tr { height:26px; line-height:26px;}
.commonTableSearch th { text-align:right; width:90px;}

/*通用按钮区域*/
.btnBar       { height:20px; line-height:20px; padding:14px 0 6px 0;}
.btnBar ul    { float:right;}
.btnBar ul li { float:left; margin-left:4px;}

.commonToolBar         { height:20px; line-height:20px; padding:20px 0 6px 0; position:relative; text-align:right;}
.commonToolBar a.rt1st { position:absolute; right:0;}

/* {常用操作按钮设置
------------------*/
.btnShort, .btnNormal, .btnLong, .btnXLong
{ background:url(../images/bg-button.png) no-repeat 0 0; border:none; color:#333; 
  display:block; height:22px; line-height:22px; text-align:center; text-decoration:none;}

.btnShort     { background-position:0 0; width:60px;}/*适合2个字*/
.btnNormal    { background-position:0 -22px; width:90px;}/*适合4个字*/
.btnLong      { background-position:0 -45px; width:120px;}/*适合6个字*/
.btnXLong     { background-position:0 -136px; width:180px;}/*适合10个字*/

.btnShort:hover     { background-position:0 -68px; width:60px; color:#333;}
.btnNormal:hover    { background-position:0 -90px; width:90px; color:#333;}
.btnLong:hover      { background-position:0 -113px; width:120px; color:#333;}
.btnXLong:hover     { background-position:0 -159px; width:180px; color:#333;}
/* 常用操作按钮设置}
------------------*/

/* {列表操作、编辑区域图标设置
---------------------------*/
a.btnIconUpload, a.btnIconDownload, a.btnIconPrintview, a.btnIconPrintapply, a.btnIconPrint, a.btnIconSign, a.btnIconSignin,
a.btnIconAuthorization, a.btnIconContact, a.btnIconAdd, a.btnIconDel, a.btnIconDone, a.btnIconEdit, a.btnIconView, a.btnIconFeedback, 
a.btnIconTrain, a.btnIconRel, a.btnIconKey, a.btnIconGo, a.btnIconExecute, a.btnIconAssign, a.btnIconReceive, a.btnIconProcess, 
a.btnIconTransfer, a.btnIconExtension, a.btnIconVerify, a.btnIconProcessAlertA1, a.btnIconProcessAlertA2, a.btnIconPostAlertA1, a.btnIconPostAlertA2,
a.btnIconResultAdd, a.btnIconShowInfo
{ background:url(../images/icon-sprite.png) no-repeat 0 1px; color:#39F; display:block; float:left; height:22px; padding:2px; width:22px;}

a.btnIconUpload              { background-position:0 1px;}/*上传*/
a.btnIconUpload:hover        { background-position:0 -25px;}
a.btnIconDownload            { background-position:-24px 1px;}/*下载*/
a.btnIconDownload:hover      { background-position:-24px -25px;}
a.btnIconPrintview           { background-position:-48px 1px;}/*打印预览*/
a.btnIconPrintview:hover     { background-position:-48px -25px;}
a.btnIconPrintapply          { background-position:-71px 1px;}/*打印申请*/
a.btnIconPrintapply:hover    { background-position:-71px -25px;}
a.btnIconPrint               { background-position:-95px 1px;}/*打印*/
a.btnIconPrint:hover         { background-position:-95px -25px;}
a.btnIconSign                { background-position:-119px 1px;}/*签章*/
a.btnIconSign:hover          { background-position:-119px -25px;}
a.btnIconSignin              { background-position:-144px 1px;}/*签收*/
a.btnIconSignin:hover        { background-position:-144px -25px;}
a.btnIconAuthorization       { background-position:-168px 1px;}/*授权*/
a.btnIconAuthorization:hover { background-position:-168px -25px;}
a.btnIconContact             { background-position:-192px 1px;}/*设为联络人*/
a.btnIconContact:hover       { background-position:-192px -25px;}
a.btnIconAdd                 { background-position:-216px 1px;}/*添加、创建*/
a.btnIconAdd:hover           { background-position:-216px -25px;}
a.btnIconDel                 { background-position:-240px 1px;}/*删除、注销*/
a.btnIconDel:hover           { background-position:-240px -25px;}
a.btnIconDone                { background-position:-264px 1px;}/*完成、关闭、终止（指任务完成、结束）*/
a.btnIconDone:hover          { background-position:-264px -25px;}
a.btnIconEdit                { background-position:-288px 1px;}/*编辑、更新*/
a.btnIconEdit:hover          { background-position:-288px -25px;}
a.btnIconView                { background-position:-312px 1px;}/*查看详情、预览*/
a.btnIconView:hover          { background-position:-312px -25px;}
a.btnIconFeedback            { background-position:-336px 1px;}/*反馈信息*/
a.btnIconFeedback:hover      { background-position:-336px -25px;}
a.btnIconRel                 { background-position:-360px 1px;}/*关联*/
a.btnIconRel:hover           { background-position:-360px -25px;}
a.btnIconKey                 { background-position:-384px 1px;}/*创建登录号*/
a.btnIconKey:hover           { background-position:-384px -25px;}
a.btnIconGo                  { background-position:-408px 1px;}/*办理*/
a.btnIconGo:hover            { background-position:-408px -25px;}
a.btnIconExecute             { background-position:-432px 1px;}/*执行*/
a.btnIconExecute:hover       { background-position:-432px -25px;}
a.btnIconAssign              { background-position:-456px 1px;}/*分配、指派*/
a.btnIconAssign:hover        { background-position:-456px -25px;}
a.btnIconReceive             { background-position:-480px 1px;}/*接收*/
a.btnIconReceive:hover       { background-position:-480px -25px;}
a.btnIconProcess             { background-position:-504px 1px;}/*流程跟踪*/
a.btnIconProcess:hover       { background-position:-504px -25px;}
a.btnIconTransfer            { background-position:-528px 1px;}/*移送*/
a.btnIconTransfer:hover      { background-position:-528px -25px;}
a.btnIconExtension           { background-position:-552px 1px;}/*延期*/
a.btnIconExtension:hover     { background-position:-552px -25px;}
a.btnIconVerify              { background-position:-576px 1px;}/*审核*/
a.btnIconVerify:hover        { background-position:-576px -25px;}
a.btnIconProcessAlertA1      { background-position:-600px 1px;}/*流程时间报警提示1*/
a.btnIconProcessAlertA1:hover{ background-position:-600px -25px;}
a.btnIconProcessAlertA2      { background-position:-624px 1px;}/*流程时间报警提示2*/
a.btnIconProcessAlertA2:hover{ background-position:-624px -25px;}
a.btnIconPostAlertA1         { background-position:-648px 1px;}/*岗位时间报警提示1*/
a.btnIconPostAlertA1:hover   { background-position:-648px -25px;}
a.btnIconPostAlertA2         { background-position:-672px 1px;}/*岗位时间报警提示2*/
a.btnIconPostAlertA2:hover   { background-position:-672px -25px;}
a.btnIconResultAdd           { background-position:-696px 1px;}/*结果录入*/
a.btnIconResultAdd:hover     { background-position:-696px -25px;}
a.btnIconShowInfo            { background-position:-721px 1px;}/*显示提示*/
a.btnIconShowInfo:hover      { background-position:-721px -25px;}
/* 列表操作、编辑区域图标设置}
---------------------------*/

/*通用表格样式*/
.commonTitle      { border:2px solid #09F; border-width:0 0 4px 0; color:#10568a; display:block; font-weight:bold; margin:0 0 6px 0; width:100%;}
.commonTitle h2   { line-height:30px; font-weight:bold; font-size:14px;}
.commonTitle h2 a { color:#10568a; text-decoration:underline;}
.commonTitle h2 a:hover { color:#09F;}

.commonTable      { background:#7BB5D7; width:100%;}
.commonTable th,
.commonTable td   { background:#fff; border:1px solid #7BB5D7; *border:none; height:22px; line-height:22px; padding:2px;}
*+html .commonTable td  { border:none;}
.commonTable th   { text-align:center; background:#f8fcfc url(../images/bg-table-th.gif) repeat-x 0 0;}
.commonTable td.title   { background:#C2E4F5; text-align:right;}



/*表格操作处宽度*/
.commonTable th.editColXS      { width:30px;}/*1个操作图标*/
.commonTable th.editColS       { width:55px;}/*2个操作图标*/
.commonTable th.editColDefault { width:80px;}/*3个操作图标*/
.commonTable th.editColM       { width:105px;}/*4个操作图标*/
.commonTable th.editColL       { width:130px;}/*5个操作图标*/
.commonTable th.editColXL      { width:155px;}/*6个操作图标*/


/*新增按钮样式*/
#buttenInsert           { margin:0 auto; padding:6px 0px; height:20px; text-align:right; overflow:hidden;}
#buttenInsert ul        { float:right; position:relative; left:50%;}
#buttenInsert ul li     { float:right; border:1px solid #5d9cdf; height:20px; line-height:20px; margin:0 4px 0 0; position:relative; right:50%;}
#buttenInsert ul li a,
#buttenInsert .pageinfo { display:block; padding:0px 6px; background:#e6f2fe;}
#buttenInsert .pageinfo { color:#555;}
#buttenInsert .current  { background:#a9d2ff; color:#06C; display:block; padding:0px 6px; font-weight:bold;}


/*分页样式*/
#pagelist           { margin:0 auto; padding:6px 0px; height:20px; text-align:center; overflow:hidden;}
#pagelist ul        { float:left; position:relative; left:50%;}
#pagelist ul li     { float:left; border:1px solid #5d9cdf; height:20px; line-height:20px; margin:0 4px 0 0; position:relative; right:50%;}
#pagelist ul li a,
#pagelist .pageinfo { display:block; padding:0px 6px; background:#e6f2fe;}
#pagelist .pageinfo { color:#555;}
#pagelist .current  { background:#a9d2ff; color:#06C; display:block; padding:0px 6px; font-weight:bold;}


/*表单操作按钮放置区域*/
#formPageButton,
.pageBottomBtn       { margin:0 auto; padding:6px 0px; height:20px; text-align:center; overflow:hidden;}
#formPageButton ul,
.pageBottomBtn ul    { float:left; position:relative; left:50%;}
#formPageButton ul li,
.pageBottomBtn ul li { float:left; height:20px; line-height:20px; margin:0 4px 0 0; position:relative; right:50%;}

.formPageButtonWrap  { border:1px dashed #E6E6E6; border-width:1px 0 0 0;}/*搜索区域按钮外框顶部虚线间隔*/

/*内容外框*/
.content-wrap-box { padding: 20px 0 0 0;}

/*--------------------------------------------
[5. Pages]
*/
/*登录页面*/
body.loginPage           { background:#ecf9ff url(../images/bg-login-body.jpg) repeat-x 0 0;}
#loginPage-wrap          { background:url(../images/bg-login-wrap-top.jpg) no-repeat center top; padding-top:120px;}
.loginPage-logo-title    { background:url(../images/login-logo-title.png) no-repeat 50% 50%; height:79px; width:614px; margin:0 auto;}
.loginPage-main          { background:url(../images/login-main-bg.png) no-repeat 0 0; height:235px; _height:155px;/*for IE6*/ 
						   width:534px; margin:0 auto; padding:80px 0 0 80px; overflow:hidden;}
.loginPage-main td       { color:#0c3f6e;}
.loginPage-main td input { height:16px; line-height:16px; width:140px; padding:2px; color:#09C;}
.loginPage-copyright     { text-align:center; font:12px Arial; color:#97bbc8;}


/*默认欢迎页面*/
.welcome { background:#fff url(../images/welcome.jpg) no-repeat center center;}

/*系统内容页面*/
.content-pages-body {}
.content-pages-wrap { padding:20px 20px 20px 14px;}

/*弹出页面*/
#popup-window      { margin:0; padding:0;}
#popup-window-wrap { text-align:center;}

/*--------------------------------------------
[6. Others]
*/
/*基本TAB切换样式*/
#commonTab     { height:22px; line-height:22px; padding:14px 0 6px 0;}
/*---------------导航容器定义*/
.ui-tabs-nav   { background:url(../images/bg-tab.gif) repeat-x 0 -60px; display:block; height:30px; line-height:30px; width:100%;}
/*---------------默认标签样式*/
.ui-tabs-nav li              { float:left; height:30px; line-height:30px; margin-right:4px;}
.ui-tabs-nav li a            { display:block; background:url(../images/bg-tab.gif) no-repeat 0 -30px;}
.ui-tabs-nav li a span       { display:block; background:url(../images/bg-tab.gif) no-repeat right -120px; padding:0 8px; text-align:center;}
.ui-tabs-nav li a:hover      { background:url(../images/bg-tab.gif) no-repeat 0 -150px;}
.ui-tabs-nav li a:hover span { background:url(../images/bg-tab.gif) no-repeat right -180px;}
/*---------------激活的标签样式*/
.ui-tabs-nav li a.selected      { background:url(../images/bg-tab.gif) no-repeat 0 0;}
.ui-tabs-nav li a.selected span { background:url(../images/bg-tab.gif) no-repeat right -90px;}
/*---------------默认的显示区域样式*/
.ui-tabs-panel { border:1px solid #cfcfcf; border-width:0 1px 1px 1px; padding:6px;}
.ui-tabs-hide,
.ui-hide       { display: none;}
.tabsTitle     { background:url(../images/icon-arrow.gif) no-repeat 3px 6px; border:solid #D6EBF3; border-width:0 0 6px 0; 
				 color:#999; font-size:14px; font-weight:bold; padding-left:18px; margin-top:6px;}
/*页面提示信息*/
#divMsg        { background:url(../images/icon-error.png) no-repeat 3px 50%; border:1px solid #ccc; 
				 width:auto; height:22px; line-height:22px; padding:0 6px 0 22px; position:absolute; left:40%; top:40%;}